<!--这是查看商品组件-->
<template>
	<div style="padding-bottom: 30px;">
		<p class="filter"></p>
		<div class="addBox">
			<h3 class="fixTitle">
				<span>查看商品(不可编辑)</span>
				<p>
					<!-- <em style="cursor: pointer;" ><svg-icon icon-class="jian" class="font-size16"/></em><em style="cursor: pointer;"><svg-icon class="font-size16" icon-class="fullScreen" /></em> -->
          <em style="cursor: pointer;" @click="close"><svg-icon icon-class="cha" class="font-size16" /></em>
				</p>
			</h3>
			<edit-product style="margin-top:35px;" :mgId="productId"></edit-product>
		</div>
	</div>
</template>
<script>
import editProduct from '../../productList/components/editProduct.vue'
export default {
  components: {
    editProduct
  },
  props: ['productId'],
  methods: {
    close() {
      this.$emit('hideLookProduct', false)
    }
  }
}
</script>

<style scoped>
	p,h3,ul,li {margin:0;padding:0}
	h3 em{
		padding: 0 5px;
		font-style: normal;
	}
	h3 em:hover{
		color: #0E90D2;
	}
	.fixTitle{
		font-weight: 500;
		padding: 0 10px;
    width: 1000px;
	}
	.addBox {
		width: 1000px;
		height: 500px;
		overflow: auto;
		background: #fff;
		position: fixed;
		left: 20%;
		top: 10%;
		z-index: 110;
	}
</style>